<template>
<div class="main">
  <div class="value">
    {{value}}
  </div>
  <div class="label">
    {{label}}
  </div>
</div>
</template>

<script>
export default {
  props:["label","value"],
  name: "unit-info"
}
</script>

<style lang="scss" scoped>
@import "src/styles/conversion.scss";

.main{
  height: 100%;
  width: 100%;
  //padding: px2vh(40) px2vw(20);
  @include flex-center-column;
  @include bg-url-size("~@/assets/liyang/bg_six.png",80%,65%);

  .value{
    font-weight: bolder;
    font-size: px2vw(18);
    background: linear-gradient(0deg, #DEE6F2 0%, #F2F6FC 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: px2vh(8);
  }
  .label{
    font-weight: px2vw(16);
  }
}
</style>
